<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>订单</title>
	<link rel="stylesheet" type="text/css" href="./Public/Home/css/dingdan.css"/>
	<script src="./Public/Home/js/jquery.min1.9.js" type="text/javascript" charset="utf-8"></script>
	<script src="./Public/Home/js/index.js" type="text/javascript" charset="utf-8"></script>
	<script src="./Public/Home/js/area.js" type="text/javascript" charset="utf-8"></script>
	<link rel="stylesheet" type="text/css" href="./Public/Home/css/sanji.css"/>
	<script>
		$(function () {
//			alert(1);
			$('.button-light').click(function () {
//				alert(1);
				$('.address-create').toggle();
//				$('.tel').toggle();
//				$('.address').toggle();
			})
		})
	</script>
	<script>
		$(function () {



//			alert(1);
			$('.save').click(function () {
				//表单序列化
				var data = $('.g').serialize();
				data = decodeURIComponent(data,true);
				$.ajax({
					type:'post',
					url:'<?php echo U('Cart/dizhi')?>',
				})
////				alert(1);
//				//收货人姓名
//				var uname=$('.uname').val();
//				console.log(uname);
//				//收货人电话
//				var phone=$('.phone').val();
//				console.log(phone);
//				//收货人地址（省份）
//				var province=$('#s_province').val();
//				console.log(province);
//				//收货人地址（地级市）
//				var city=$('#s_city').val();
//				console.log(city);
//				//收货人市级
//				var county=$('#s_county').val();
//				console.log(county);
//				//收货人详细街道
//				var address=$('.address-detail').val()
//				console.log(address);
//				//收货人邮箱
//				var mail=$('.mail').val();
//				console.log(mail);
			})
		})


	</script>
</head>
<body>
			
	<!--头部条开始-->
	<div id="header">
		<div class="center">
			<!--左部分开始-->
			<ul class="left">
				<li class="gi1">
					<a href="javascript:;">社区</a>
				</li>
				<li class="gi2">
					<a href="javascript:;">ColorOS</a>
				</li>
				<li class="gi3">
					<a href="javascript:;">软件商店</a>
				</li>
				<li class="gi4">
					<a href="javascript:;">手机助手</a>
				</li>
				<li class="gi5">
					<a href="javascript:;">云服务</a>
				</li>
			</ul>
			<!--左部分结束-->
			
			<!--右部分开始-->
			<ul class="right">
				<li class="gi1">
					<a href="http://localhost/opposhop/index.php?m=Home&c=Login&a=index">登录</a>
				</li>
				<li class="gi2">
					<a href="http://localhost/opposhop/index.php?m=Home&c=Login&a=zhuce">注册</a>
				</li>
				
			</ul>
		</div>
	</div>
	<!--头部条结束-->
	
	<!--导航区域开始-->
	<div id="dh">
		<div id="wrapper">
		<div id="logo">
			<img src="./Public/Home/images/oppo_logo.png"/>
		</div>
		<div class="shop">

			<span class="text"><a href="http://localhost/opposhop/index.php?m=Home&c=Cart&a=index">购物车</a></span>
			<span class="icon"></span>
			<span class="num"> 
				<span class="shop-count">
					0
				</span>
			</span>
		</div>
		<ul class="nav">
				<li class="gi1">
					<a href="index.php"  >首页</a>
				</li>
							<li class="gi2" >
					<a href="http://localhost/opposhop/index.php?m=Home&c=List&a=index&cid=1" >手机</a>
				</li>
				</div>
	</div>
	
	<!--导航区域结束-->
	<div class="main-content ">
		<div class="wrapper">
			<ul class="breadcrumb">
				<li>
					<a href="">首页</a>
					<span>/</span>
				</li>
				<li>
					购物车
				</li>
			</ul>
			<div class="brick-bottom">
				<ul class="steps">
					<li class="one">
						<div class="step-content">
							<h5 class="step-heading">购物车</h5>
							<div class="step-gradient"></div>
						</div>
					</li>
					<!--<div class="after"></div>-->
					
					<li class="two">
						<div class="step-content">
							<h5 class="step-heading">填写账单</h5>
							<div class="step-gradient"></div>
						</div>
					</li>
<!--					<div class="after"></div>-->

					<li class="there">
						<div class="step-content">
							<h5 class="step-heading">填写账单</h5>
							<div class="step-gradient"></div>

						</div>
					</li>
<!--					<div class="after"></div>-->	
				</ul>
				
				<form action="" method="post" class="g">
					<div class="delivery-header">
						<h1 class="h-epsilon">
							选择配送方式:
						</h1>
					</div>
					<div class="brick-shadow">
						<p class="field">
							<a href="javascript:;" class="button-light">
								添加新地址
							</a>
						</p>
						<div class="address-create">
							<div class="con">
								<label>*收货人姓名</label>
								<input type="text" name="receiver" id="" class="uname" value="" />
							</div>
							
							<div class="tel">
								<label>*手机号码</label>
								<input type="text" name="mobile" class="phone"/>
							</div>
							<div class="address">
								<label>*收货地址</label>
								
								<div class="info">
									<div>
										<select id="s_province" name="s_province" ></select>  
									    <select id="s_city" name="s_city" ></select>  
									    <select id="s_county" name="s_county"></select>
									    <script class="resources library" src="area.js" type="text/javascript"></script>
									    
									    <script type="text/javascript">_init_area();</script>
								    </div>
									    <div id="show"></div>
									</div>
									<script type="text/javascript">
									var Gid  = document.getElementById ;
									var showArea = function(){
										Gid('show').innerHTML = "<h3>省" + Gid('s_province').value + " - 市" + 	
										Gid('s_city').value + " - 县/区" + 
										Gid('s_county').value + "</h3>"
																}
									Gid('s_county').setAttribute('onchange','showArea()');
									</script>
									<input type="text" name="address-detail" class="address-detail" placeholder="详细街道地址"/>
								
							</div>
							
							<div class="emal">
								<label>邮箱</label>
								<input type="text" name="mobile" class="mail"/>
							</div>
							
							<div class="form-actions">
								<div class="pull-left">
									<a href="javascript:;" class="save">保存</a>
									<a href="javascript:;" class="cancel">取消</a>
									
								</div>
								
								
							</div>
						</div>
						
					</div>
						<div class="payment_method_filed">
							<div class="payment_method">
								<span class="h-epsilon">支付方式:</span>
								<div class="g-wrapper">
									<div class="payment">
										<span class="radio"></span>
										<h3 class="main">在线支付</h3>
									</div>
								</div>
							</div>
						</div>
						
						<div class="brick">
							<div class="brica">
								<div class="brick-shadow">
									<h4>商品清单：</h4>
									<?php foreach ($_SESSION['cart']['goods'] as $k=>$v){?>
										<div class="goods-list">
										<div class="goods-list-show">
											<a href="">
												<img src="./Public/Home/images/shouji1.jpg" style="width: 111px;height: 129px;"/>
											</a>
										</div>
										<div class="goods-list-detail">
											<div class="goods-list-info">
												<div class="goods-list-description">
													<h4 class="heading">
														<a href="" class="money">
															<?php echo $v['name']?>
														</a>
														<?php foreach ($v['options']['type'] as $value){?>
															<p class="xinghao"><?php echo $value?></p>
														<?php }?>
													</h4>
												</div>
												<div class="goods-list-quantity">
													<strong>×<?php echo $v['num']?></strong>
												</div>
												<div class="goods-list-price">
													<strong>￥<?php echo $v['total']?></strong>
													
												</div>
											</div>
										</div>
									</div>
									<?php }?>
								</div>
							</div>
						</div>
						
						<div class="fee-list">
							<ul class="free">
								<li>
									<span class="fee-title">商品数量：</span>
									<span class="fee-num"><?php echo $num?></span>
									
								</li>
								
								<li>
									<span class="fee-title">应付金额：</span>
									<span class="fee-price">￥<?php echo $total?></span>
									
								</li>
							</ul>
						</div>
						<div class="form-actions">
							<div class="right-text">
									<button class="sumbit">提交订单</button>
							</div>
						</div>

				</form>
			</div>
		</div>
	</div>
	
	

	

	
	

	<!--公共底部-->
 	<!--公共底部-->
	<div id="foot-pic">
		<div id="gi">
			<span id="img">
			</span>
			<span id="text">
				OPPO社区
			</span>
		</div>
		
		<div id="gi1">
			<span id="img">
			</span>
			<span id="text">
				ColorOS
			</span>
		</div>
		
		<div id="gi2">
			<span id="img">
			</span>
			<span id="text">
				软件商店
			</span>
		</div>		
	</div>
	
	<div id="sitemap">
		<div class="wrapper">
			<div id="gi">
				<ul class="gi1">
					<span class="h_write">
						推荐机型
					</span>
					<ul class="gi2">
													<li><a href="http://localhost/opposhop/index.php?m=Home&c=Goods&a=index&gid=16">R9Plus金 大屏续航旗舰</a></li>
													<li><a href="http://localhost/opposhop/index.php?m=Home&c=Goods&a=index&gid=21">R9金 1600W前置自拍</a></li>
													<li><a href="http://localhost/opposhop/index.php?m=Home&c=Goods&a=index&gid=18"> A37玫瑰金 美颜4.0</a></li>
													<li><a href="http://localhost/opposhop/index.php?m=Home&c=Goods&a=index&gid=19">A59 闪速正面指纹识别</a></li>
											</ul>
				</ul>		
			</div>
			
			<div id="gi">
				<ul class="gi1">
					<span class="h_write">
						在线购买
					</span>

					<ul class="gi2">
											<li><a href="http://localhost/opposhop/index.php?m=Home&c=List&a=index&cid=1">手机</a></li>
										</ul>
				</ul>		
			</div>
			
			<div id="gi">
				<ul class="gi1">
					<span class="h_write">
						会员中心
					</span>
					<ul class="gi2">
						<li><a href="http://localhost/opposhop/index.php?m=Home&c=Login&a=index">会员登录</a></li>
						<li><a href="http://localhost/opposhop/index.php?m=Home&c=Login&a=zhuce">会员注册</a></li>
					</ul>
				</ul>		
			</div>		
		</div>
	</div>
	
	<div id="footer-tools">
		<div class="wrapper">
			<div class="h-wrapper">
				<span class="text">关注我们</span>
				<span class="icon">
					<img src="./Public/Home/images/weibo.png" style="width: 43px;height: 42px;"/>
				</span>
				<span class="icon1">
					<img src="./Public/Home/images/weixin.png" style="width: 43px;height: 42px;"/>
					<img class="img100" src="./Public/Home/images/erweima.png"/>										
				</span>
					<span class="text1">加入我们</span>
					<span class="text1">采购相关</span>				
			</div>
			
			<div class="h-subscribe">
				<span class="icon">
					<img src="./Public/Home/images/kefu.png"/>
				</span>
				<div class="about">
					<h4 class="h-delta">在线客服</h4>
					<p class="write">人工服务：8:30~22:00</p>
					<p class="write">24小时智能机器人服务</p>
					
				</div>	
				
				<span class="icon">
					<img src="./Public/Home/images/phone.png"/>
				</span>
				<div class="about">
					<h4 class="h-delta">4001-666-888</h4>
					<p class="write">7*24小时客服电话</p>
				</div>	
			</div>	
		</div>
	</div>
	<div id="bottom">
		<div class="center">
			<p class="bottom-info">© 2005 - 2016 东莞市永盛通信科技有限公司 | 版权所有 粤ICP备14056724号-2 | 联系方式：4001-666-888</p>
		</div>
	</div>
</body>
</html>